<template>
	<div>
		<div class="header">
			<img @click="back" src="../../assets/nav_back.png"/>
			<span>关于我们</span>
			<span class="img"></span>
		</div>
		<div class="top-nav">
			<img src="../../assets/about_logo@2x.png"/>
			<p>谋略家</p>
			<span>版本信息{{data.version}}</span>
		</div>
		<div class="list" style="border: none;" @click="Vchat">
			<span>微信公众号</span>
			<div>
				<span>谋略家</span>
			</div>
		</div>
		<div class="list" >
			<span>客服电话</span>
			<div>
				<span style="color: #fbf825;">{{data.phone}}</span>
			</div>
		</div>
		<p style="margin-top: .2rem;">客服工作时间({{data.serviceTime}})</p>
	</div>
</template>
<script>
	import my from '@/api/my/index'
	import { toast} from '@/util/index'
	import { MessageBox} from 'mint-ui'
  export default {
    data () {
      return {
      	  data:""
      }
    },
  	components: {
	  
  	},
  	mounted(){
  		let senddata={
  			plat:"mlj"
  		}
  		my.aboutUs(senddata).then((data) => {
			if (data.data.code == 200) {
				//console.log(data.data.data)
				this.data=data.data.data;
			}else if(data.data.code==222){
	            this.$router.push({path:'/login'})
	        } else {
				toast(data.data.message)
			}
		})
  	},
    methods: {
    	Vchat(){
    		MessageBox({
			  title: '',
			  message: '<p style="line-height: .6rem;margin-top:0.2rem; ">10.0.0.246<br/>微信公众号</p>',
			  showConfirmButton:true,
			  confirmButtonText:"OK"
			  
			});
    	},
    	Phone(){
    		MessageBox({
			  title: '',
			  message: '<p>'+this.data.phone+'</p>',
			  
			 // showCancelButton:true,
			  cancelButtonText:"取消"
			  
			  
			});
    	},
     	back() {
			this.$router.back(-1)
		},
    },
     beforeRouteEnter(to,from,next){
	    document.querySelector('title').innerText='谋略家'
	      next()
	  }
    
  }
</script>
<style lang="less" scoped>
@import '../../less/config.less';
.header{
	padding:0 @p30;
	display: flex;
	justify-content:space-between;
	align-items: center;
	height:@hwrap;
	color:#fff;
	font-size:.48rem;
	background:#000;
	img,.img{
		width: @p30;
		height: @p30;
	}
}
.top-nav{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: @bgColor;
	img{
		margin: 1.36rem  0rem  @fsize*2;
		width: 1.6rem;
		height: 1.6rem;
	}
	p{
		font-size:.48rem;
		color: white;
	}
	span{
		font-size: @f24;
		color: #999;
		margin: @fsize 0rem 1.36rem;
	}
}
.list{
	height: 1.28rem;
	display: flex;
	color: white;
	justify-content: space-between;
	align-items: center;
	background: @liBg;
	padding: 0 @p30;
	font-size: @f32;
	border-top: #262934 1px solid;
	div{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		img{
			margin-left: @fsize;
		}
	
	}
	
}
p{
	font-size: @f24;
	color: #999;text-align: center;
	
}

</style>